@import url(../fonts/ms-sans-serif/ms-sans-serif.css);

.ct-95 #settings {
   font-family: 'MS Sans Serif';
   background-color: #018281;
}

#settings .main {
   width: 50%;
   max-height: calc(100% - 5rem);
   padding: 0 0.5rem 0.5rem;
   overflow-y: scroll;
   overflow-x: hidden;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.ct-95 #settings .main {
   background-color: #ccc;
   border: 2px solid;
   border-top-color: #fff;
   border-left-color: #fff;
   border-right-color: #444;
   border-bottom-color: #444;
   box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.2);
}
.ct-95 #settings h1 {
   color: #fff;
   font-size: 1.7rem;
   text-align: center;
   background-color: rgb(7, 30, 129);
}
.ct-95 #settings h2 {
   font-size: 1.3rem;
}
#settings .main > div:not(:last-child) {
   margin-bottom: 2rem;
}
#settings :is(h1, h2) {
   margin: 0.3rem 0;
}
#settings :is(.left-column, .right-column) {
   width: 50%;
}
#settings .left-column {
   float: left;
}
#settings .right-column {
   float: right;
}
#settings .section {
   width: calc(100% - 4rem);
   background-color: #ddd;
   border: 2px solid;
   border-top-color: #fff;
   border-left-color: #fff;
   border-right-color: #666;
   border-bottom-color: #666;
   padding: 0.3rem 0.5rem;
   margin: 0.5rem 0 0.5rem 50%;
   transform: translateX(-50%);
   box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
}
#settings .section .label {
   float: left;
   margin: 0;
}
#settings .section .selected-val {
   float: right;
   margin: 0;
}